<ion-header>
    <ion-navbar no-border-bottom>
        <ion-title>工作日报</ion-title>
        <ion-buttons end *ngIf="!isShowCheck">
          <button ion-button (click)="chooseListType()">操作</button>
        </ion-buttons>
        <ion-buttons end *ngIf="isShowCheck">
          <button ion-button (click)="chooseListDone()">完成</button>
        </ion-buttons>
    </ion-navbar>
    <ion-row class='email-list-searchbar'>
        <ion-col col-10>
            <ion-toolbar no-border-top>
                <ion-searchbar [(ngModel)]="keyWord" color="light" placeholder="输入作者首字母拼音或中文进行搜索">
                </ion-searchbar>
            </ion-toolbar>
        </ion-col>
        <ion-col col-2 text-right>
            <button block ion-button class="search-button right" (click)="search()">查询</button>
        </ion-col>
    </ion-row>
</ion-header>
<ion-content>
    <ion-refresher (ionRefresh)="doRefresh($event)">
        <ion-refresher-content pullingText="下拉刷新" refreshingText="加载中...">
        </ion-refresher-content>
    </ion-refresher>
    <ion-list class='gfoa-list'>
        <ion-item *ngFor="let item of listData" (click)="goDetailPage(item)" >
            <ion-row class='first-row'>
              <ion-col width-10 *ngIf="isShowCheck">
                <input type="checkbox" [(ngModel)]="item[item.length - 2]">
              </ion-col>
                <ion-col width-70 class='left'>{{item[3]}}</ion-col>
                <ion-col width-20 class='right' >
                    <span>{{item[0]}}</span>
                </ion-col>
            </ion-row>
            <ion-row class='second-row'>
                <ion-col width-50 class='left'>{{item[7]}}</ion-col>
                <ion-col width-50 class='right'>{{item[2]}}</ion-col>
            </ion-row>
        </ion-item>
    </ion-list>
    <ion-item-divider class='list-no-more-tips' color="light" [hidden]="isLoadMore">暂无更多数据...</ion-item-divider>
    <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
        <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="加载更多数据...">
        </ion-infinite-scroll-content>
    </ion-infinite-scroll>
</ion-content>
